<template>
  <div>
    <li v-for="itme in data">
      <van-grid :column-num="5">
        <van-grid-item v-for="value in 10" :key="value" :icon="itme.img" :text="itme.wz" />
      </van-grid>
    </li>
    <li v-for="itme in arr">
      <van-card num="2" :price="itme.jg" :desc="itme.ms" :title="itme.wz"
      :thumb="itme.img" />
    </li>
  </div>
</template>

<script setup>
import { ref } from 'vue';
let data = ref([
  { img: 'https://img0.baidu.com/it/u=2191392668,814349101&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1399', wz: '哈哈' },
])
let arr = ref([
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
  { img: 'http://img2.baidu.com/it/u=3364932024,431806429&fm=253&app=138&f=JPEG?w=800&h=1422', wz: '嘿嘿',ms:'火车',jg:'9999￥' },
])
</script>

<style></style>